
        <div class="main layui-clear">
            <h2 class="page-title">
                注册
            </h2>
            <div class="layui-form layui-form-pane">
                <form method="post">
                    <div class="layui-form-item">
                        <label for="L_email" class="layui-form-label">
                            邮箱
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="email" name="email" required lay-verify="email"
                            autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-form-mid layui-word-aux">
                            将会成为您唯一的登入名
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_username" class="layui-form-label">
                            昵称
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="nikename" name="nikename" required lay-verify="nikename"
                            autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-form-mid layui-word-aux">
                            长度为2-7位字符
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_pass" class="layui-form-label">
                            密码
                        </label>
                        <div class="layui-input-inline">
                            <input type="password" id="L_password" name="password" required lay-verify="password"
                            autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-form-mid layui-word-aux">
                            6到16个字符
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_repass" class="layui-form-label">
                            确认密码
                        </label>
                        <div class="layui-input-inline">
                            <input type="password" id="L_repass" name="repass" required lay-verify="repass"
                            autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_vercode" class="layui-form-label">
                            人类验证
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="vercode" name="vercode" required lay-verify="vercode"
                            placeholder="请回答后面的问题" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-form-mid" >
                            <span style="color: #c00;cursor:pointer;" id='getcode'>
                              <?php echo $res[0]['code'] ?>
                            </span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn" lay-filter="a" lay-submit>
                            立即注册
                        </button>
                    </div>
                    <div class="layui-form-item fly-form-app">
                        <span>
                            或者直接使用社交账号快捷注册
                        </span>
                        <a href="http://fly.layui.com:8098/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})"
                        class="iconfont icon-qq" title="QQ登入">
                        </a>
                        <a href="http://fly.layui.com:8098/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})"
                        class="iconfont icon-weibo" title="微博登入">
                        </a>
                    </div>
                </form>
            </div>
        </div>

        <script src="__PUBLIC__/layui/layui.js"></script>
        <script src="__PUBLIC__/layui/jquery-1.7.2.js"></script>
        <script >
            layui.use(['form'], function(){
                  var form = layui.form(),
                  layer = layui.layer;
            //自定义验证规则
            form.verify({
                    email: function(value){
                        info = 0;
                        $.ajax({
                            url: '{:U("home/register/checkemail")}',
                            type: 'post',
                            dataType: 'json',
                            async: false,
                            data: {email: value},
                            success: function(data) {
                                if (data.error==0) {
                                   info =  data.info;
                                }  
                             }
                        }) 
                        if (info!=0) {
                            return info;
                        }                             
                    },

                    nikename:function(value){
                     isError = 0;
                        $.ajax({
                            url: '{:U("home/register/checkenikename")}',
                            type: 'post',
                            dataType: 'json',
                            async: false,
                            data: {nikename: value},
                            success: function(data) {
                                if (data.error==0) {
                                   info =  data.info;
                                   isError =  data.error
                                } 
                             }
                        }) 
                        if (isError==0) {
                            return info;
                        }                             
                    },
                    password: [/(.+){6,12}$/, '密码必须6到12位'],
                    repass: function(value){
                        L_pass = $('#L_password').val();
                            if(L_pass!=value){
                             return "密码不一致";
                                 }
                     },
                     vercode: function(value){
                        info = 0;
                        $.ajax({
                            url: "{:U('home/register/checkecode')}",
                            type: 'post',
                            dataType: 'json',
                            async:false,
                            data: {vercode: value},
                            success: function(data) {
                                if (data.error==1) {
                                        info = data.info; 
                                     }
                                }
                        })
                        if (info!=0) {
                            return info;
                        };        
                     },
              });

            //监听提交
                  form.on('submit(a)', function(data){
                    $.ajax({
                        url: "{:U('home/register/add')}",
                        type: 'post',
                        dataType: 'json',
                        async: false,
                        data: data.field,
                        success:function(response){
                            if(response.error==0){
                                layer.confirm(response.info, {
                                  btn: ['确定'] //按钮
                                }, function(){
                                   location.replace("{:U('home/login/index')}");
                                });
                            }
                        }
                    })
                return false;
                });                
}); 


    $('#getcode').click(function(event) {
                $.ajax({
                url: "{:U('home/register/getcode')}",
                type: 'post',
                dataType: 'json',
                success: function(data) {
                    $('#getcode').html(data.info);
                }
            })
            
            
});
    
    
        </script>
